<template>
    <div class="phoneLogin">
        <div class="user">
            <div class="userInfo">
                <input type="text" v-model="username" placeholder="账户名/手机号/Email" style="width: 60%; margin-right: 20px;">
                <button class="mint-button mint-button--default mint-button--small" style="width: 90px; height: .5rem;">
                    <label class="mint-button-text" style="font-size: .22rem">获取验证码</label>
                </button>
            </div>
            <div class="userInfo">
                <input type="password" v-model="password" placeholder="请输入密码" style="background-color: #f8f8f8;">
            </div>
            <button disabled="disabled" class="mint-button mint-button--default mint-button--large is-disabled login"> <label class="mint-button-text">登录</label></button>
        </div>
    </div>
</template>

<script>
    export default {

    }
</script>

<style scoped lang="scss">
    .phoneLogin {
        padding: 0 0.24rem;
        .user {
            width: 100%;
            .userInfo {
                height: .9rem;
                border-bottom: 0.02rem solid #d6d6d6;
                input {
                    width: 100%;
                    border: 0;
                    outline: none;
                    height: .5rem;
                    text-indent: .1rem;
                    line-height: 1;
                    font-size: 0.28rem;
                    border-radius: .06rem;
                    margin: .2rem 0;
                }
                input:focus {
                    background-color: #f8f8f8;
                    border: 0;
                }
            }
        }
        .login {
            height: .6rem;
            margin-top: 10px;
            font-size: .28rem;
            background-color: #dcdcdc;
        }
    }
</style>